<template>
	<view>
		<!--index.wxml-->
		<view class="container">
			<!-- 当前活动处于结算状态 -->
			<block v-if="twoActions.todayAction">
				<view class='top-wrap'>
					<view class='money-wrap'>
						<view class='money'>￥{{twoActions.todayAction.totalMoney/100||0}}</view>
						<view class="mark-btn" @tap='toMyMark()'>
							<image class='icon' src="../../../static/images/earlycolock/icon.png"></image>
							<text>我的战绩</text>
						</view>
					</view>
					<view class='content'>
						<text>
							明日早起打卡可随机瓜分总金额（元） \n当前已有<text
								class='yelow-font'>{{twoActions.todayAction.totalPerson||0}}</text>人参与活动
						</text>
					</view>
					<view class='img-wrap'>
						<view v-for="(item,index) in twoActions.todayAction.eightImages" :key="index"
							class='user-img-wrap'>
							<image class='user-img' mode='aspectFill' :src="item"></image>
						</view>
					</view>
					<view class='yelow-font rule' @tap='toRule'>打卡规则 ></view>
				</view>
			</block>
			<block v-else>
				<!-- 判断当前打卡状态如下：打卡中，结算中 -->
				<view class='top-wrap'>
					<view class='money-wrap'>
						<view class='money'>￥{{twoActions.yesterdayAction.totalMoney/100||0}}</view>
						<view class="mark-btn" @tap='toMyMark()'>
							<image class='icon' src="../../../static/images/earlycolock/icon.png"></image>
							<text>我的战绩</text>
						</view>
					</view>
					<view class='content'>
						<text>
							今日早起打卡可随机瓜分总金额（元） \n当前已有<text
								class='yelow-font'>{{twoActions.yesterdayAction.totalPerson||0}}</text>人参与活动
						</text>
					</view>
					<view class='img-wrap'>
						<view v-for="(item,index) in twoActions.yesterdayAction.eightImages" :key="index"
							class='user-img-wrap'>
							<image class='user-img' mode='aspectFill' :src="item"></image>
						</view>
					</view>
					<view class='yelow-font rule' @tap='toRule'>打卡规则 ></view>
				</view>
			</block>

			<block v-if="twoActions.todayAction">
				<!-- 判断用户是否支付 -->
				<button v-if="!twoActions.todayAction.payStatus&&twoActions.todayAction.actionStatus==0" class='red-btn'
					@click='toPay(100)'>支付1元参与打卡</button>
				<button v-if="!twoActions.todayAction.payStatus&&twoActions.todayAction.actionStatus==2"
					class='red-btn'>当场早起打卡报名已结束</button>
					
				<button v-if="twoActions.todayAction.payStatus&&isCountDown" class='red-btn' @click='showMsg'>打卡倒计时
					{{hours}}小时
					{{minutes}}分{{seconds}}秒</button>
			</block>

			<button v-if="twoActions.yesterdayAction.payStatus&&twoActions.yesterdayAction.actionStatus==1&&!twoActions.yesterdayAction.colockStatus"
				class='red-btn' @click='doClock()'>打卡</button>
			<button v-if="twoActions.yesterdayAction.payStatus&&twoActions.yesterdayAction.actionStatus==1&&twoActions.yesterdayAction.colockStatus"
				class='red-btn'>你已成功打卡</button>	
			<button v-if="!twoActions.yesterdayAction.payStatus&&twoActions.yesterdayAction.actionStatus==1"
				class='red-btn'>你未参与本场打卡</button>
			<button v-if="twoActions.yesterdayAction.actionStatus==3" class='red-btn'>结算中...</button>
			<button class='org-btn' open-type="share">邀请好友参与挑战</button>
			
			<view class="ad-container">
				<view class="title">
					<view></view>广告
				</view>
				<view class="ad">
					<ad unit-id="adunit-619582f818cb0d1d" ad-intervals="30"></ad>
				</view>
			</view>
			
			<view class='tips' style="margin-bottom: 10rpx;margin-top: 20rpx;">每日<text class='org-font'>8:00-9:00</text>公布当日战况</view>
			<view class='tips' style="margin-top: 10rpx; margin-bottom: 50rpx;">每日<text
					class='org-font'>9:00</text>后进行下一场打卡活动</view>
			<view class='today-wrap'>
				<view class='title'>
					<image mode='aspectFit' class='img-now' src="../../../static/images/earlycolock/today.png"></image>
				</view>

				<view v-if="twoActions.todayAction">
					<view class='status-wrap'>
						<view class='status-item1'>
							<text class='sign-num org-font'>{{twoActions.yesterdayAction.totalSuccess}}</text>成功
						</view>
						<view class='status-item2'>
							<text class='sign-num green-font'>{{twoActions.yesterdayAction.totalFail}}</text>失败
						</view>
					</view>

					<view class='star-item'>
						<view class='star-s-item'>
							<image mode='scaleToFill' :src="twoActions.yesterdayAction.earlyStart.avatarUrl"
								class='head-img'></image>
							<view class='star-wrap'>
								<view class='rank-btn bg-org'>早起之星</view>
								<view class='star-id'>{{twoActions.yesterdayAction.earlyStart.nickName||''}}</view>
								<view class='star-time org-font'>
									{{twoActions.yesterdayAction.earlyStart.colcokTime[3]||'00'}}:{{twoActions.yesterdayAction.earlyStart.colcokTime[4]||'00'}}
								</view>
							</view>
						</view>
						<view class='star-s-item'>
							<image mode='scaleToFill' :src="twoActions.yesterdayAction.luckStart.avatarUrl"
								class='head-img'></image>
							<view class='star-wrap'>
								<view class='rank-btn red-bg'>手气之星</view>
								<view class='star-id'>{{twoActions.yesterdayAction.luckStart.nickName||''}}</view>
								<view class='star-time org-font'>
									￥{{twoActions.yesterdayAction.luckStart.colockIncome/100||0}}</view>
							</view>
						</view>
						<view class='star-s-item'>
							<image mode='scaleToFill' :src="twoActions.yesterdayAction.powerStart.avatarUrl"
								class='head-img'></image>
							<view class='star-wrap'>
								<view class='rank-btn green-bg'>毅力之星</view>
								<view class='star-id'>{{twoActions.yesterdayAction.powerStart.nickName||''}}</view>
								<view class='star-time org-font'>
									连续{{twoActions.yesterdayAction.powerStart.continuColock||0}}次</view>
							</view>
						</view>

					</view>
				</view>
				<view class="actionstatusshow" v-else>
					<view v-if="twoActions.yesterdayAction.actionStatus==1">打卡进行中...</view>
					<view v-else>系统结算中...</view>
				</view>
			</view>
		</view>
		<!-- 打卡失败提示 -->
		<view class='mask'v-if="isshowFailClock"></view>
		<view class='pop' v-if="isshowFailClock">
		  <view class='pop-img-wrap'>
		    <image class='pop-img' mode='scaleToFill' src='../../../static/images/earlycolock/pop.png'></image>
		  </view>
		  <view class='pop-status'>打卡失败</view>
		  <view class='pop-time'>打卡时间5:00-8:00 </view>
		  <view class='pop-content-wrap'>
		    <text class='pop-content'>起得早的人一共瓜分了<text class='org-font'>{{twoActions.yesterdayAction.totalMoney/100||0}}</text>元\n不要放弃,再挑战一次
		    </text>
		  </view>
		  <view class='moto'>
		    不甘心,我要早起！
		  </view>
		  <image class='close' src='../../../static/images/earlycolock/close.png' @tap='closeFailMaodel()'></image>
		</view> 
		<!-- 提示信息 -->
		<view class='popMsg' v-if="popMsgStatus">
			<view class='popMsg-mask'></view>
			<view class='popMsg-content'>
				<view class='popMsg-text'>打卡时间还没到哦</view>
				<view class='popMsg-time'>5:00-8:00</view>
			</view>
		</view>
	</view>
</template>

<script>
	import timeUtil from '../../../utils/timeUtil.js'
	import {
		mapState,
		mapMutations
	} from 'vuex'
	import {
		http
	} from '../../../utils/http.js'
	export default {
		data() {
			return {
				twoActions: {},
				popMsgStatus: false,
				isshowFailClock:false,
				days: "",
				hours: "",
				minutes: "",
				seconds: "",
				isCountDown: false,
				timer: null,
				share: {
					title: '早起打卡，养成好习惯，打卡瓜分奖池，赢🧧',//自定义标题
					path: `/subpkg/earlyclock/index/index`,  //默认跳转首页
					imageUrl:'https://cos.xunmeng.icu/cartoonrabbit/static/earlyshare.png'
				}
			};
		},
		computed: {
			...mapState('m_user', ['userInfo', 'token']),
		},
		methods: {
			...mapMutations('m_user', ['updateUserInfo', 'updateToken']),
			showMsg() {
				var self = this;
				self.popMsgStatus = true
				var timeId = setTimeout(function() {
					self.popMsgStatus = false
				}, 2000)
			},
			async falshTwoData() {
				clearInterval(this.timer)
				this.timer=null
				let that = this
				const res = await http({
					url: '/early/action/twoActions',
					method: "GET",
					header: {
						Authorization: this.token.data
					}
				})
				// console.log(res)
				if (res.code == 200) {
					this.twoActions = res.data
					if (this.twoActions.todayAction && 
					this.twoActions.todayAction.payStatus && (this.twoActions
							.todayAction.actionStatus == 0 || this
							.twoActions.todayAction.actionStatus == 2)) {
						this.isCountDown = true
						// 启用倒计时
						var endTimeSencond = timeUtil.endTime("05:00:00"); //获取明天具体的时间点传给leftTimer倒计时函数
						var endTimeSencond2 = timeUtil.endTime("08:00:00"); //获取明天具体的时间点传给leftTimer倒计时函数
						this.timer = setInterval(function() {
							let datetimes = timeUtil.leftTimer(endTimeSencond, endTimeSencond2);
							that.days = datetimes.days
							that.hours = datetimes.hours
							that.minutes = datetimes.minutes
							that.seconds = datetimes.seconds
							that.isCountDown = !datetimes.status
							if (!that.isCountDown) {
								clearInterval(that.timer)
								that.timer = null
								that.falshTwoData()
							}
						}, 1000);
					}
				} else {
					uni.showToast({
						title: res.message,
						duration: 2000,
						icon: "none"
					})
				}
			},
			async doClock(){
				let that =this
				const res=await http({
					url: '/early/action/clock?actionId=' + that.twoActions.yesterdayAction.actionId,
					method: 'POST',
					header: {
						"Authorization": that.token.data,
						'content-type': "application/x-www-form-urlencoded",
					},
				})
				if(res.code==200){
					uni.showToast({
						icon: 'none',
						title: '打卡成功',
						duration: 2000
					})
					that.falshTwoData()
				}else{
					uni.showToast({
						icon: 'none',
						title: res.message,
						duration: 2000
					})
				}
			},
			toRule(){
				uni.navigateTo({
					url:'../rule/rule'
				})
			},
			toMyMark(){
				uni.navigateTo({
					url:'../mymark/mymark'
				})
			},
			async toPay(money){
				let token = this.token.data
				let moneyfen = Number(money * 1)
				const res = await http({
					url: '/early/action/prePay?money=' + moneyfen,
					method: 'POST',
					header: {
						"Authorization": token,
						'content-type': "application/x-www-form-urlencoded",
					},
				})
				
				if (res.code == 200) {
					this.payMoney(res.data)
				} else {
					uni.showToast({
						icon: 'none',
						title: res.message,
						duration: 2000
					})
				}
			},
			closeFailMaodel(){
				this.isshowFailClock=false
			},
			payMoney(e) {
				var that = this
				uni.requestPayment({
					timeStamp: e.timeStamp, //记住，这边的timeStamp一定要是字符串类型的，不然会报错
					nonceStr: e.nonceStr,
					package: e.package,
					signType: e.signType,
					paySign: e.paySign,
					success: function(event) {
						// // console.log(event)
						uni.showToast({
							title: '支付成功',
							icon: 'success',
							duration: 2000
						})
						if (event.errMsg.indexOf('ok') != -1) {
							// 通知用户状况
							http({
								url: '/early/action/notify/' + e.orderId + '/' + 1,
								method: 'POST',
								header: {
									"Authorization": that.token.data,
									'content-type': "application/x-www-form-urlencoded",
								},
							}).then(r => {
								if (r.code == 200) {
									setTimeout(()=>{
										that.falshTwoData();
										uni.navigateTo({
											url:'../paysuccess/paysuccess'
										})
									},1000)
								} else {
									uni.showToast({
										icon: 'none',
										title: r.message,
										duration: 2000
									})
								}
							})
			
						}
			
					},
			
					fail: function(error) {
						uni.showToast({
							title: '支付失败',
							icon: "error",
							duration: 2000
						});
						// 通知用户状况
						http({
							url: '/recharge/order/notify/' + e.orderId + '/' + 0,
							method: 'POST',
							header: {
								"Authorization": that.token.data,
								'content-type': "application/x-www-form-urlencoded",
							},
						})
					}
				});
			},
		},
		async onLoad() {
			if(wx.createInterstitialAd){
			      this.interstitialAd = wx.createInterstitialAd({ adUnitId: 'adunit-4a6748356cdd7858' })
			      this.interstitialAd.onLoad(() => {
			        // console.log('onLoad event emit')
					this.interstitialAd.show().catch((err) => {
					  // console.error(err)
					})
			      })
			      this.interstitialAd.onError((err) => {
			        // console.log('onError event emit', err)
			      })
			      this.interstitialAd.onClose((res) => {
			        // console.log('onClose event emit', res)
			      })
			    }
			// 获取两天数据
			await this.falshTwoData();
			// 判断是否要显示失败窗口
			let nowDateTime=new Date();
			let showFailModelTime=uni.getStorageSync('showFailModelTime')
			if(showFailModelTime){
				showFailModelTime=new Date(Number(showFailModelTime));
			}
			if(!showFailModelTime||(nowDateTime.getDate()!=showFailModelTime.getDate())){
				if((this.twoActions.yesterdayAction.actionStatus==3||this.twoActions.yesterdayAction.actionStatus==4)&&this.twoActions.yesterdayAction.payStatus==1&&this.twoActions.yesterdayAction.colockStatus==0){
					// 说明昨天没有打卡成功
					this.isshowFailClock=true;
				}else{
					this.isshowFailClock=false;
				}
			}else{
				this.isshowFailClock=false;
			}
			uni.setStorageSync('showFailModelTime',Date.parse(nowDateTime))
		},
		onPullDownRefresh() {
			this.falshTwoData()
			
			uni.stopPullDownRefresh()
		},
		async onShareAppMessage(res) { //发送给朋友
			let that = this
			// 动态获取当前页面栈
			let pages = getCurrentPages(); //获取所有页面栈实例列表
			let nowPage = pages[pages.length - 1]; //当前页页面实例
			// let prevPage = pages[pages.length - 2]; //上一页页面实例
			// that.share.path = `/${nowPage.route}`
			// 获取token
			let token=uni.getStorageSync('token')
			if(token){
				token=JSON.parse(token)
			}else{
				await uni.showToast({
					title: '未授权请先登录',
					icon: 'none'
				})
				return
			}
			// 获取用户的唯一标识
			const resoult=await http({
				url:'/user/useronlyId',
				method:"GET",
				header:{
					Authorization:token.data
				}
			})
			let params=''
			if(resoult.code==200){
				params='?scene='+resoult.data
			}else{
				await uni.showToast({
					title: '获取参数异常',
					icon: 'none'
				})
				return
			}
			return {
				title: this.share.title,
				path: this.share.path+params,
				imageUrl: this.share.imageUrl,
				funtion:(function() {
					uni.showToast({
						title: '分享成功'
					})
					// 判断制作次数是否可以加一
					// 获取是否可分享的时间戳与当前时间戳进行对比
					let canGetProductionTime= uni.getStorageSync('canGetProductionTime')
					// 与当前时间进行对比
					const currentTimestamp = Date.parse(new Date());
					if(!canGetProductionTime||((currentTimestamp-canGetProductionTime)/60/60/1000>24)){
						// 调用制作次数加一
						if(token.data){
							
							http({
								url:'/user/production/change/1',
								method:"POST",
								header:{
									Authorization:token.data
								}
							}).then(res=>{
								if(res.code==200){
									uni.showToast({
										title: '制作次数+1',
										icon: 'none'
									})
									uni.setStorageSync('canGetProductionTime',currentTimestamp)
									that.$store.commit('m_user/updateUserInfo',res.data)
								}
							})
						}
					}else{
						uni.setStorageSync('canGetProductionTime',currentTimestamp)
					}
					
				})()
			}
		},
		async onShareTimeline(res) { //分享到朋友圈
		let that = this
			// 动态获取当前页面栈
			let pages = getCurrentPages(); //获取所有页面栈实例列表
			let nowPage = pages[pages.length - 1]; //当前页页面实例
			// let prevPage = pages[pages.length - 2]; //上一页页面实例
			// that.share.path = `/${nowPage.route}`
			// 获取token
			let token=uni.getStorageSync('token')
			if(token){
				token=JSON.parse(token)
			}else{
				await uni.showToast({
					title: '未授权请先登录',
					icon: 'none'
				})
				return
			}
			// 获取用户的唯一标识
			const resoult=await http({
				url:'/user/useronlyId',
				method:"GET",
				header:{
					Authorization:token.data
				}
			})
			let params=''
			if(resoult.code==200){
				params='?scene='+resoult.data
			}else{
				await uni.showToast({
					title: '获取参数异常',
					icon: 'none'
				})
				return
			}
			return {
				title: this.share.title,
				path: this.share.path+params,
				imageUrl: this.share.imageUrl,
				funtion:(function() {
					uni.showToast({
						title: '分享成功'
					})
					// 判断制作次数是否可以加一
					// 获取是否可分享的时间戳与当前时间戳进行对比
					let canGetProductionTime= uni.getStorageSync('canGetProductionTime')
					// 与当前时间进行对比
					const currentTimestamp = Date.parse(new Date());
					if(!canGetProductionTime||((currentTimestamp-canGetProductionTime)/60/60/1000>24)){
						// 调用制作次数加一
						// 获取token
						let token=uni.getStorageSync('token')
						if(token){
							token=JSON.parse(token)
						}
						if(token.data){
							
							http({
								url:'/user/production/change/1',
								method:"POST",
								header:{
									Authorization:token.data
								}
							}).then(res=>{
								if(res.code==200){
									uni.showToast({
										title: '制作次数+1',
										icon: 'none'
									})
									uni.setStorageSync('canGetProductionTime',currentTimestamp)
									that.$store.commit('m_user/updateUserInfo',res.data)
								}
							})
						}
					}else{
						uni.setStorageSync('canGetProductionTime',currentTimestamp)
					}
					
				})()
			}
		},
	}
</script>
<style>
	page {
		background: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	.top-wrap {
		height: 640rpx;
		background-image: url();
		background-size: 100% 100%;
		padding-left: 30rpx;
	}

	.money-wrap {
		/* display: flex; */
		overflow: hidden
	}

	.money {
		max-width: 480rpx;
		font-size: 96rpx;
		color: #ffffff;
		padding-top: 80rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		float: left;
	}

	.icon {
		width: 50rpx;
		height: 56rpx;
	}

	.mark-btn {
		width: 200rpx;
		height: 48rpx;
		color: #ffffff;
		margin-top: 50rpx;
		background: #0c4a61;
		border-top-left-radius: 20rpx;
		border-bottom-left-radius: 20rpx;
		display: flex;
		font-size: 26rpx;
		position: relative;
		padding-left: 70rpx;
		align-items: center;
		float: right;
		box-sizing: border-box
	}

	.content {
		font-size: 28rpx;
		line-height: 1.5;
		color: #ffffff;
		margin-top: -26rpx;

	}

	.yelow-font {
		font-size: 28rpx;
		color: #ffee2b
	}

	.rule {
		/* margin-top: 70rpx; */
	}

	.icon {
		position: absolute;
		left: 10rpx;
		bottom: 0;
	}

	.red-btn {
		width: 691rpx;
		background: #ff8e42;
		color: #ffffff;
		font-size: 34rpx;
		/* border: none; */
		border-radius: 0;
		margin-top: 30rpx;
		height: 112rpx;
		line-height: 112rpx;
	}

	.red-btn::after {
		border: none
	}

	.org-btn {
		width: 691rpx;
		background: #ffffff;
		color: #ffb932;
		font-size: 34rpx;
		/* border: none; */
		border-radius: 0;
		margin-top: 30rpx;
		border: 1rpx solid #ffb932;
		height: 112rpx;
		line-height: 112rpx;
	}

	.org-btn::after {
		border: none
	}

	.tips {
		width: 690rpx;
		font-size: 28rpx;
		text-align: center;
		margin: 100rpx auto;
		color: #333333;
	}

	.org-font {
		color: #ff8e42;
	}

	.green-font {
		color: #4ad391;
	}

	.red-bg {
		background: #ff8e42;
	}

	.green-bg {
		background: #4ad391;
	}

	.user-img-wrap {
		width: 54rpx;
		height: 54rpx;
		border-radius: 54rpx;
		border: 3rpx solid #ffffff;
		overflow: hidden;
		float: left;
		margin-left: -10rpx;
	}

	.user-img {
		width: 54rpx;
		height: 54rpx;
	}

	.img-wrap {
		width: 400rpx;
		height: 60rpx;
		margin: 20rpx 0;
		padding-left: 15rpx;
		overflow: hidden
	}

	.head-img {
		width: 110rpx;
		height: 110rpx;
		border-radius: 110rpx;
		border: 2rpx solid #ededed;
		margin: 0 auto;
	}

	.rank-btn {
		width: 140rpx;
		height: 40rpx;
		line-height: 40rpx;
		color: #ffffff;
		font-size: 26rpx;
		text-align: center;
		border-radius: 20rpx;
		margin: 0 auto;
		/* margin-top:-30rpx; */
	}

	.bg-org {
		background: #ffb932
	}

	.today-wrap {
		display: flex;
		flex-direction: column;
	}

	.title {
		text-align: center;
		margin: 30rpx 0 20rpx 0;
	}

	.status-wrap {
		display: flex;

	}

	.status-item1 {
		width: 50%;
		text-align: right;
		padding-right: 40rpx;
		font-size: 26rpx;
	}

	.status-item2 {
		width: 50%;
		text-align: left;
		padding-left: 40rpx;
		font-size: 26rpx;
	}

	.star-item {
		display: flex;
		justify-content: space-between;
		padding: 0 60rpx;
		margin-top: 40rpx;
		margin-bottom: 60rpx;
	}

	.star-wrap {
		margin-top: -20rpx;
		text-align: center;
	}

	.star-s-item {
		display: flex;
		text-align: center;
		flex-direction: column;
	}

	.star-id {
		font-size: 26rpx;
		color: #333333;
		margin: 10rpx 0;
	}

	.star-time {
		font-size: 26rpx;
	}

	.img-now {
		width: 250rpx;
		height: 50rpx;
	}

	.sign-num {
		margin-right: 14rpx;
	}

	.pop {
		position: fixed;
		left: 50%;
		top: 50%;
		margin-left: -295rpx;
		margin-top: -415rpx;
		background: #ffffff;
		width: 590rpx;
		height: 830rpx;
		/* border: 1rpx solid #ff8e42; */
		border-radius: 20rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.pop-img-wrap {
		border-radius: 20rpx;
		width: 100%;
		height: 330rpx;
	}

	.pop-img {
		border-radius: 20rpx;
		height: 330rpx;
		width: 100%;

	}

	.pop-status {
		font-size: 44rpx;
		color: #ff8e42;
		margin-top: 70rpx;
		margin-bottom: 30rpx;
		text-align: center;
	}

	.pop-time {
		width: 290rpx;
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		border-radius: 30rpx;
		font-size: 28rpx;
		color: #fdb946;
		border: 1rpx solid #fdb946;
	}

	.pop-content {
		width: 100%;
		font-size: 28rpx;
		text-align: center;
		line-height: 1.8;
		margin-top: 10rpx;
	}

	.mask {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: #333333;
		opacity: 0.6;
	}

	.pop-content-wrap {
		display: flex;
		margin-top: 10rpx;
	}

	.moto {
		width: 680rpx;
		height: 110rpx;
		line-height: 110rpx;
		text-align: center;
		background: #fdb946;
		font-size: 33rpx;
		color: #ffffff;
		margin-top: 30rpx;
		border-radius: 5rpx;
	}

	.close {
		width: 60rpx;
		height: 60rpx;
		position: absolute;
		bottom: -96rpx;
		left: 50%;
		margin-left: -30rpx;
	}

	.popMsg {
		position: fixed;
		width: 600rpx;
		height: 200rpx;
		left: 50%;
		top: 50%;
		margin-left: -300rpx;
		margin-top: -100rpx;

	}

	.popMsg-mask {
		width: 100%;
		height: 100%;
		background: #333333;
		opacity: 0.8;
		border-radius: 10rpx;
	}

	.popMsg-content {
		position: absolute;
		left: 0;
		top: 0;
		color: #ffffff;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: 100%;
	}

	.popMsg-text {
		width: 100%;
		text-align: center;
		margin-top: 30rpx;
	}

	.popMsg-time {
		text-align: center;
		margin-top: 20rpx;
	}

	.actionstatusshow {
		width: 100%;
		height: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #C0C0C0;
		font-weight: 900;
	}
	.ad-container{
		.title{
			display: flex;
			align-items: center;
			height: 50rpx;
			padding: 1rpx;
			font-weight: 900;
			view{
				width: 10rpx;
				height: 90%;
				background: #ff9f29;
			}
		}
		.ad{
			/deep/ ad{
				transform: scale(0.8) !important;
			}
		}
	}
</style>
